<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
  font: 16px/20px sans-serif;
  width: 600px;
  height: 500px;
  padding: 5px;
  border: 1px solid gray;
}
blockquote {
  background: #eee;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  min-width: 100%;
  max-height: 40%;
  margin: 0;
  padding: 10px 0;
}
</style>
</head>

<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac fringilla quam,
eu ultricies augue. Aliquam ante orci, egestas eu pulvinar eget, ullamcorper eu
elit. Phasellus tristique vulputate odio, quis ultricies justo rutrum in. Mauris
auctor est in sagittis eleifend.</p>

<blockquote>
<p>Ut accumsan dui eu elit dapibus rutrum. Nunc tristique urna eget ex dictum
placerat. Nunc venenatis enim sed odio iaculis, consequat consectetur sem
elementum. Fusce eros eros, eleifend eget eros at, convallis tempor tortor. Cras
at gravida leo. Proin ultricies ipsum vitae felis suscipit, a tincidunt orci
mattis. Cras in suscipit mauris.</p>
</blockquote>

<p>Vivamus lobortis hendrerit vehicula. Nullam dapibus ante et commodo lacinia.
Sed tincidunt pretium ligula, eget porta metus pharetra eget. Mauris pharetra
tortor convallis nisi varius facilisis.</p>

</body>
</html>
